<template>
    <mt-tabbar :fixed="true" :value="tabindex">
        <mt-tab-item @click.native="to('/')" id="index">
            <img slot="icon" src="">
            追书
        </mt-tab-item>
        <mt-tab-item @click.native="to('styles')" id="style">
            <img slot="icon" src="">
            小说分类
        </mt-tab-item>
        <mt-tab-item @click.native="to('setting')" id="setting">
            <img slot="icon" src="">
            设置
        </mt-tab-item>
    </mt-tabbar>
</template>

<script type="text/babel">
    export default{
        data(){
            return{}
        },
        props:['tabindex'],
        methods: {
            to: function(url) {
                this.$router.replace(url)
            }
        }
    }
</script>
